@whList: 25, 50, 75, 100, 125, 150, 175, 200, 225, 250, 275, 300, 325, 350, 375, 400, 425, 450, 475, 500, 525, 550, 575, 600, 700, 800, 900, 1000;
@counter: 27;

.width-loop(@counter) when (@counter > 0) {
  @class: extract(@whList, @counter);

  .w-@{class} {
    width: (1px * extract(@whList, @counter)) !important
  }

  .width-loop((@counter - 1))
}

.width-loop(@counter);

.height-loop(@counter) when (@counter > 0) {
  @class: extract(@whList, @counter);

  .h-@{class} {
    height: (1px * extract(@whList, @counter)) !important
  }

  .height-loop((@counter - 1))
}

.height-loop(@counter);

@fontSizeList: 10, 15, 20, 25, 30, 35, 40, 45, 50;

.font-size-loop(@counter) when (@counter > 0) {
  @class: extract(@fontSizeList, @counter);

  .font-@{class} {
    font-size: (1px * extract(@fontSizeList, @counter))
  }

  .font-size-loop((@counter - 1))
}

.font-size-loop(9);

@lineNumList: 1, 2, 3, 4, 5;

.text-line-loop(@counter) when (@counter > 0) {
  @class: extract(@lineNumList, @counter);

  .text-line-@{class} {
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; // 弹性伸缩盒
    -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
    -webkit-line-clamp: (1 * extract(@lineNumList, @counter));
  }

  .text-line-loop((@counter - 1))
}

.text-line-loop(5);

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}
